<template>
  <div id="app">
    <div id="allheader">
      <img src="./assets/logo.png" alt="" style="height:15vw;padding-right:4vw">
      <strong>
      <span style="color:rgb(188,39,46)">郑州市义务教育</span>
      <span>入学服务平台</span>
      </strong>
    </div>
    <router-view/>
    <div id="allfoot">
      <div id="first">
        <img src="./assets/logo_white.png" alt="" style="height: 15vw;padding-right: 2vw;">
        <span><b>郑州市义务教育</b>&nbsp;&nbsp;入学服务平台</span>
      </div>
      <p>版权所有：郑州市达内文化有限小组&nbsp;&nbsp;&nbsp;郑州达内文化有限小组制作并维护</p>
      <p>技术支持电话：1234567089 &nbsp;&nbsp;&nbsp;(123)12345678 &nbsp;&nbsp;&nbsp; 支持时间：上午9:00-下午5:00</p>
      <p style="display:flex;justify-content:center"><span class="beian">京公网安备11040202430159号 京ICP备05039435号-1</span></p>
    </div>
  </div>
</template>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
#allheader{
    display: flex;
    /* justify-content: center; */
    padding: 3vw;
    line-height: 15vw;
    font-size: 5vw;
}
#allfoot{
    background-image: url('./assets/footer_bg.jpg');
    text-align: center;
    color: white;
    padding: 6vw;
}
#allfoot p{
  font-size: 4vw;
}
#first{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 5vw;
    line-height: 15vw;
}
.beian{
  background-image: url('./assets/beian.png');
  background-repeat: no-repeat;
  background-size: 6vw;
  display: inline-block;
  padding-left: 2vw;
}
</style>